import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/views/HelloWorld'
import Home from '@/views/Home'
import Main from '@/views/Main'
import Article from '@/views/Article'
import About from '@/views/About'
import Write from '@/views/Write'

Vue.use(Router)

const originalPush = Router.prototype.push

Router.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err)
}

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/home',
      name: 'Home',
      component: Home,
      children:[
        {
          path: '',
          name: 'Main',
          component: Main
        },
        {
          // 要注意，以 / 开头的嵌套路径会被当作根路径。 这让你充分的使用嵌套组件而无须设置嵌套的路径。
          path: 'article',
          name: 'Article',
          component: Article
        },
        {
          // 要注意，以 / 开头的嵌套路径会被当作根路径。 这让你充分的使用嵌套组件而无须设置嵌套的路径。
          path: 'about',
          name: 'About',
          component: About
        },
        {
          // 要注意，以 / 开头的嵌套路径会被当作根路径。 这让你充分的使用嵌套组件而无须设置嵌套的路径。
          path: 'write',
          name: 'Write',
          component: Write
        },
      ]
    }
  ]
})
